;(function(){
    var html = document.documentElement, // 储存html
                   // 横屏还是竖屏
        resizeEvent = 'orientationchange' in window ? 'orientationchange' : 'resize',
        dW = 750; // 设计稿宽
    function remCalc(){

        var clientW = html.clientWidth; // 视口宽
        if(!clientW) return;

        if(clientW > dW){
            // 如果视口宽大于dW 设计稿宽 就等于100px字体
            html.style.width = dW + 'px';
            html.style.fontSize = '100px';
            html.style.margin = '0 auto';
        }else{
            // 否则，当前视口/设计稿宽*100字体大小
            html.style.fontSize = clientW / dW * 100 + 'px';
        }
    }
    if(!html.addEventListener) return;// 是否支持addEventListener方法
    // 绑定视口变化事件
    window.addEventListener(resizeEvent,remCalc,false);
    // DOMContentLoaded ---> 类似window.onload ,但是只需要加载完成页面文档后就可以调用
    document.addEventListener('DOMContentLoaded',remCalc,false);
    
})()